<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>ViewOrder</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="/static/js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div th:replace="common/Header :: header"></div>
<div id="Content">
<div id="BackLink"><a th:href="@{/catalog/main}">Return to Main Menu</a></div>

<div id="Catalog">
     <form id="form" action="http://localhost:80/order/alipay" method="post">
    <table>
        <tr>
            OrderId:
            <input type="text"  name="subject" th:value="${session.order.orderId}">
        </tr>
        <tr>
            <th align="center" colspan="2" name="body" th:value="该商品等待支付">
                <!--                <fmt:formatDate value="${sessionScope.order.orderDate}"-->
                <!--                                pattern="yyyy/MM/dd hh:mm:ss"/></th>-->
        </tr>
        <tr>
            <th align="center" colspan="2" th:text="${session.order.orderDate}">Order:
                <!--                <fmt:formatDate value="${sessionScope.order.orderDate}"-->
                <!--                                pattern="yyyy/MM/dd hh:mm:ss"/></th>-->
        </tr>
        <tr>
            <th colspan="2">Payment Details</th>
        </tr>
        <tr>
            <td>Card Type:</td>
            <td th:text="${session.order.cardType}">
                <!--                <c:out value="${sessionScope.order.cardType}"/>-->
            </td>
        </tr>
        <tr>
            <td>Card Number:</td>
            <td th:text="${session.order.creditCard}">
                <!--                <c:out value="${sessionScope.order.creditCard}"/>-->
            </td >
        </tr>
        <tr>
            <td>Expiry Date (MM/YYYY):</td>
            <td th:text="${session.order.expiryDate}">
                <!--                <c:out value="${sessionScope.order.expiryDate}"/>-->
            </td>
        </tr>
        <tr>
            <th colspan="2">Billing Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td th:text="${session.order.billToFirstName}">
                <!--                <c:out value="${sessionScope.order.billToFirstName}"/>-->
            </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td th:text="${session.order.billToLastName}">
                <!--                <c:out value="${sessionScope.order.billToLastName}"/>-->
            </td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td th:text="${session.order.billAddress1}">
                <!--                <c:out value="${sessionScope.order.billAddress1}"/>-->
            </td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td th:text="${session.order.billAddress2}">
                <!--                <c:out value="${sessionScope.order.billAddress2}"/>-->
            </td>
        </tr>
        <tr>
            <td>City:</td>
            <td th:text="${session.order.billCity}">
                <!--                <c:out value="${sessionScope.order.billCity}"/>-->
            </td>
        </tr>
        <tr>
            <td>State:</td>
            <td th:text="${session.order.billState}">
                <!--                <c:out value="${sessionScope.order.billState}"/>-->
            </td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td th:text="${session.order.billZip}">
                <!--                <c:out value="${sessionScope.order.billZip}"/>-->
            </td>
        </tr>
        <tr>
            <td>Country:</td>
            <td th:text="${session.order.billCountry}">
                <!--                <c:out value="${sessionScope.order.billCountry}"/>-->
            </td>
        </tr>
        <tr>
            <th colspan="2">Shipping Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td th:text="${session.order.shipToFirstName}">
                <!--                <c:out value="${sessionScope.order.shipToFirstName}"/>-->
            </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td th:text="${session.order.shipToLastName}">
                <!--                <c:out value="${sessionScope.order.shipToLastName}"/>-->
            </td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td th:text="${session.order.shipAddress1}">
                <!--                <c:out value="${sessionScope.order.shipAddress1}"/>-->
            </td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td th:text="${session.order.shipAddress2}">
                <!--                <c:out value="${sessionScope.order.shipAddress2}"/>-->
            </td>
        </tr>
        <tr>
            <td>City:</td>
            <td th:text="${session.order.shipCity}">
                <!--                <c:out value="${sessionScope.order.shipCity}"/>-->
            </td>
        </tr>
        <tr>
            <td>State:</td>
            <td th:text="${session.order.shipState}">
                <!--                <c:out value="${sessionScope.order.shipState}"/>-->
            </td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td th:text="${session.order.shipZip}">
                <!--                <c:out value="${sessionScope.order.shipZip}"/>-->
            </td>
        </tr>
        <tr>
            <td>Country:</td>
            <td th:text="${session.order.shipCountry}">
                <!--                <c:out value="${sessionScope.order.shipCountry}"/>-->
            </td>
        </tr>
        <tr>
            <td>Courier:</td>
            <td th:text="${session.order.courier}">
                <!--                <c:out value="${sessionScope.order.courier}"/>-->
            </td>
        </tr>
        <tr>
            <td colspan="2" th:text="${session.order.status}">Status:
                <!--                <c:out value="${sessionScope.order.status}"/>-->
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table>
                    <tr>
                        <th>Item ID</th>
                        <th>Description</th>
                        <th>Quantity</th>
                        <th>Price</th>
                        <th>Total Cost</th>
                    </tr>
                    <tr th:each="lineItem:${session.order.lineItems}">
                        <td th:href="${lineItem.item.attribute1}
                                ${lineItem.item.attribute2}
                                ${lineItem.item.attribute3}
                                ${lineItem.item.attribute4}
                                ${lineItem.item.attribute5}
                                ${lineItem.item.product.name}"
                            th:if="${lineItem.item}!=null">
                            <i>{description unavailable}</i>
                        </td>
                        <td th:text="${lineItem.unitPrice}"></td>
                        <td th:text="${lineItem.total}"></td>
                    </tr>
                    <!--                    <c:forEach var="lineItem" items="${sessionScope.order.lineItems}">-->
                    <!--                        <tr>-->
                    <!--                            <td>-->
                    <!--                                <%&#45;&#45;					<a href="viewItem?itemId=${lineItem.item.itemId}">${lineItem.item.itemId}</a>&#45;&#45;%>-->
                    <!--                                ${lineItem.item.itemId}-->
                    <!--                            </td>-->
                    <!--                            <td><c:if test="${lineItem.item != null}">-->
                    <!--                                ${lineItem.item.attribute1}-->
                    <!--                                ${lineItem.item.attribute2}-->
                    <!--                                ${lineItem.item.attribute3}-->
                    <!--                                ${lineItem.item.attribute4}-->
                    <!--                                ${lineItem.item.attribute5}-->
                    <!--                                ${lineItem.item.product.name}-->
                    <!--                            </c:if> <c:if test="${lineItem.item == null}">-->
                    <!--                                <i>{description unavailable}</i>-->
                    <!--                            </c:if></td>-->

                    <!--                            <td>${lineItem.quantity}</td>-->
                    <!--                            <td><fmt:formatNumber value="${lineItem.unitPrice}"-->
                    <!--                                                  pattern="$#,##0.00"/></td>-->
                    <!--                            <td><fmt:formatNumber value="${lineItem.total}"-->
                    <!--                                                  pattern="$#,##0.00"/></td>-->
                    <!--                        </tr>-->
                    <!--                    </c:forEach>-->
                    <tr>

                        <th >Total:
                            <!--                            <fmt:formatNumber-->
<!--                            colspan="5" name="total_amount" th:text="${session.order.totalPrice}"-->
                            <!--                                value="${sessionScope.order.totalPrice}" pattern="$#,##0.00"/>-->
                            <input type="text" name="total_amount" th:value="${session.order.totalPrice}">
                        </th>

                        <th>
                            <input type="submit" value="转到支付页面">
                        </th>
                    </tr>

                </table>
            </td>
        </tr>

    </table>

     </form>
</div>
</div>

<div th:replace="common/Footer :: footer"></div>
</body>
</html>